<template>
    <div>
        <p class="carp">
            <span class="cartime">{{time}}</span>
            <span>订单号:{{ddh}}</span>
            <span class="cardel"></span>
        </p>
        <div class="cardiv">
            <div class="carimg">
                <img :src="url">
            </div>
            <div class="carttext">
                <p>{{cartitle}}</p>
                <p>{{carstyle}}</p>
            </div>
            <div class="num">
                {{carnum}}
            </div>
            <div class="price">
                ￥{{carprice}}
            </div>
            <div class="yifahuo">
                {{isgo}}
            </div>
            <div class="cardivlast">
                <router-link class="ckwl" to>查看物流</router-link><br>
                <span>申请退款</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props:['time','ddh',"url",'cartitle','carstyle','carnum','carprice','isgo']
}
</script>
<style lang="css">
    p{
        padding:0px;
        margin:0px;
    }
    .cardel{
        padding:10px 10px;
        margin-right:40px;
        float:right;
        background:url("../../assets/icon/sprite2.png") 0 -55px;
    }
    .cardel:hover{
        background-position:-33px -54px;
    }
    .carp{
        background:#e9e9e9;
        margin-top:30px;
    }
    .cartime{
        display:inline-block;
        width:165px;
    }
    .cardiv div{
        float:left;
    }
    .cardiv{
        margin-top:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ccc
    }
    .carimg{
        width:165px;
    }
    .carttext{
        padding-top:15px;
        line-height:25px;
        width:200px;
    }
    .cardiv:after{
        content:"";
        display:block;
        clear:both;
        width:0;
        height:0px;
    }
    .num{
        width:100px;
        line-height:80px;
    }
    .price{
        width:150px;
        line-height:80px;
    }
    .yifahuo{
        width:150px;
        line-height:80px;
    }
    .cardivlast{
        padding-top:20px;
    }
    .ckwl{
        color:#000;
        text-decoration:underline;      
    }
</style>